/* Zugewandert CSS. Feb. 2012. Author: Matthew Owen | Laden für gute Ideen, Schwäbisch Hall */

/* Wireframing */
div{
margin:0;
padding:0;
outline:0px solid red;
}

.clearfloats{
	clear:both;
}

body 
{
margin: 0;
padding: 0;
background:url(../images/back.jpg);
font:normal 62.5% 'georgia',garamond,serif;
text-align:center;
}

/* Font Styling */

h1{
font:italic 3em/1em 'georgia,garamond,serif';
color:#E9663B;
}

h2{
font:italic 1.5em/0.3em 'georgia,garamond,serif';
color:#8EBB1C;
padding-top:5px;
}

h4{
font:bold 1.8em/1em 'georgia,garamond,serif';
color:#3D3D3F;
padding:20px 0 0 0;
}

p{
font:normal 1.6em/1.4em 'georgia,garamond,serif';
color:#3D3D3F;
}



.box h3{
font:bold 1.8em/0px 'georgia,garamond,serif';
padding-top:0px;
padding-bottom:0px;
}

.box_withBild h3{
font:bold 1.8em/120% 'georgia,garamond,serif';
padding-top:0px;
padding-bottom:0px;
}

.nav h3{
font:bold 1.8em/0px 'georgia,garamond,serif';
padding-top:0px;
padding-bottom:0px;
color:#006836;
}

#terminebox h3{
color:#9D0F5F;
}

#projektbox h3{
color:#F7931E;
}

.validate h3{
color:#006837;
}

.box p{
font:normal 1.3em 'georgia,garamond,serif';
color:white;
}

.boxInside p{
font:normal 1.3em 'georgia,garamond,serif';
color:#000;
text-align:left;
}

.termineName{
font:normal 1.4em 'georgia,garamond,serif';
color:white;
}

.termineTitel{
font:bold 1.6em/140% 'georgia,garamond,serif';
color:white;
}

.itlB{
font:bold 1.2em/140% 'georgia,garamond,serif';
color:white;
}

.itl{
font:italic 1.2em/140% 'georgia,garamond,serif';
color:white;
}

.termine_datum{
font:bold 1.8em/1.2em 'georgia,garamond,serif';
color:#3D3D3F;
}

.orangetext{
font:normal 1.4em/140% 'georgia,garamond,serif';
color:#E9663B;
}

.zitattext{
font:normal 1.4em/140% 'georgia,garamond,serif';
color:#4D4D4D;
}


/* Basic Elements */

#main960{
width:960px;
margin:auto auto;
text-align:center;
background:white;
-webkit-box-shadow: 0px 0px 5px 5px rgba(120, 120, 120, 0.4);
-moz-box-shadow: 0px 0px 5px 5px rgba(120, 120, 120, 0.4);
box-shadow: 0px 0px 5px 5px rgba(120, 120, 120, 0.4);
}

#head{
width:960px;
height:180px;
background:url(../images/headBG.png)no-repeat;
}

#zugLogo{
width:440px;
height:81px;
float:left;
margin-top:76px;
margin-left:170px;
background:url(../images/zuglogohead.png)no-repeat;
}

#threewords{
float:right;
width:133px;
height:75px;
margin-top:83px;
margin-right:10px;
background:url(../images/threewords.png)no-repeat;
}

#dotsA{
width:960px;
height:22px;
background:url(../images/dots960.png)no-repeat;
}

#content{
width:940px;
margin:auto auto;
margin-top:20px;
}

#leftcol{
width:220px;
float:left;
}

#rightcol{
width:220px;
float:right;
}

#midcol{
width:460px;
float:left;
margin-left:20px;
}

#extendcol{
width:660px;
float:right;
margin-right:20px;	
}

.vorstellbox{
width:536px;
border:1px solid #E6E6E6;
float:left;
background:#F7F7F7;
padding:10px;
margin-bottom:20px;
}

.vorstellbox_video{
border:1px solid #E6E6E6;
float:left;
background:#F7F7F7;
padding:10px;
margin-bottom:20px;
}

.vorstellbox img{
margin:0 30px 10px 0;
}

.marginedleft{
margin-left:10px;
}

.pdfbox{
border:1px solid #E6E6E6;
float:;
background:white;
padding:3px;
margin:0 10px 10px 10px;
font-size:14px;
vertical-align: middle;
}

.pdfbox:hover{
background:#F2F2F2;
}


#featuredholder{
height:380px;
}

.linedot{
background:url(../images/linedots.png)no-repeat;
width:460px;
height:14px;
}

.linedotlong{
background:url(../images/linedot_single.png)repeat-x;
width:660px;
height:14px;
}

#inhalt_home{
text-align:left;
margin-top:10px;
}

.list_home{
font:normal 1.6em/1.4em 'georgia,garamond,serif';
color:#3D3D3F;
margin:0 0 5px 0;
}

.termine_bild{
float:right;
border:solid 1px #c2c2c2;
padding:3px;
margin:0 0 10px 10px;
}

#footer{
width:940px;
margin:auto auto;
margin-top:20px;
padding-bottom:30px;
}

#smalllogo{
width:230px;
height:30px;
float:left;
text-align:left;
margin-bottom:10px;
margin-left:20px;
}

#adresse{
width:220px;
font:normal 1.3em/1.3em 'georgia,garamond,serif';
color:#c2c2c2;
text-align:left;
margin-left:30px;
}

#dlpack{
width:220px;
background:red;
height:150px;
float:right;
}

#lfgi{
width:107px;
height:84px;
margin:20px auto 0 auto;
}

.roll{
display:block;
width:107px;
height:84px;
background:url(../images/lfgi.png)no-repeat;
text-indent:-9999px;
}

a.roll:link, a.roll:visited, a.roll:active{
background:url(../images/lfgi.png)no-repeat;
}

a.roll:hover{
background-position:-107px 0;
}

/* Nav - Left side Boxes */

.nav{
width:204px;
padding:3px 8px 3px 8px;
margin-bottom:8px;
text-align:left;
border:1px solid #8EBB1C;
-webkit-box-shadow: 3px 3px 5px 2px rgba(150, 150, 150, 0.2);
-moz-box-shadow: 3px 3px 5px 2px rgba(150, 150, 150, 0.2);
box-shadow: 3px 3px 5px 2px rgba(150, 150, 150, 0.2);
}



.nav:hover{
background:#8EBB1C;
}


/* Right Side Boxes */

.box{
width:204px;
padding:3px 8px 3px 8px;
margin-bottom:8px;
text-align:left;
-webkit-box-shadow: 3px 3px 5px 2px rgba(120, 120, 120, 0.4);
-moz-box-shadow: 3px 3px 5px 2px rgba(120, 120, 120, 0.4);
box-shadow: 3px 3px 5px 2px rgba(120, 120, 120, 0.4);
}

.box_withBild{
width:218px;
padding:2px;
margin-bottom:8px;
-webkit-box-shadow: 3px 3px 5px 2px rgba(120, 120, 120, 0.4);
-moz-box-shadow: 3px 3px 5px 2px rgba(120, 120, 120, 0.4);
box-shadow: 3px 3px 5px 2px rgba(120, 120, 120, 0.4);
}

.white{
background:white;
}

.boxInside{
width:198px;
padding:8px;
text-align:center;
}

#terminebox{

}

#projektbox{
background:#EA673C;
}

#mc_embed_signup{
background:#FFC900;
}

#mc_embed_signup label	{
font:bold 20px/20px 'georgia,garamond,serif';
padding-top:0px;
padding-bottom:0px;
color:#006837;
}


/* Navigation */

#ho ul{
list-style:none;
width:194px;
font-size: 1.5em;
line-height:140%;
padding:0 0 0 15px;
}

#ho li a:link, #ho li a:visited{
text-decoration:none;
color:#049345;
}

#ho li a:hover{
color:white;
}

#ho a:link, #ho a:visited{
text-decoration:none;
color:#006836;
}

#ho a:hover{
color:white;
}

#be ul{
list-style:none;
width:194px;
font-size: 1.5em;
line-height:140%;
padding:0 0 0 15px;
}

#be li a:link, #be li a:visited{
text-decoration:none;
color:#049345;
}

#be li a:hover{
color:white;
}

#be a:link, #be a:visited{
text-decoration:none;
color:#006836;
}

#be a:hover{
color:white;
}

#pb a:link, #pb a:visited{
text-decoration:none;
color:#006836;
}

#pb a:hover{
color:white;
}

#ko a:link, #ko a:visited{
text-decoration:none;
color:#006836;
}

#ko a:hover{
color:white;
}

#intern a:link, #intern a:visited{
text-decoration:none;
color:#006836;
}

#intern a:hover{
color:white;
}

#im a:link, #im a:visited{
text-decoration:none;
color:#006836;
}

#im a:hover{
color:white;
}

#inhalt_home a:link, #inhalt_home a:visited{
text-decoration:none;
color:#049345;
}

#inhalt_home a:hover{
text-decoration:underline;
color:#006836;
}

a.btn_termine, a.btn_termine:link, a.btn_termine:visited{
display:block;
color:white;
background-color:#9D0F5F;
padding:5px;
float:right;
text-align:center;
font:normal 1.1em 'georgia,garamond,serif';
text-decoration:none;
border:0px solid #ED1E79;
margin-bottom:8px;
margin-top:5px;
}

a.btn_termine:hover{
display:block;
color:white;
background-color:#ED1E79;
padding:5px;
float:right;
text-align:center;
font:normal 1.1em 'georgia,garamond,serif';
text-decoration:none;
border:0px solid #ED1E79;
margin-bottom:8px;
margin-top:5px;
}



/* MailChimp Form Embed Code - Slim - 08/17/2011 */
#mc_embed_signup form {display:block; position:relative; text-align:left; padding:10px 0 10px 3%}
#mc_embed_signup h2 {font-weight:bold; padding:0; margin:15px 0; font-size:1.4em;}
#mc_embed_signup input {border:1px solid #006837; -webkit-appearance:none;}
#mc_embed_signup input[type=checkbox]{-webkit-appearance:checkbox;}
#mc_embed_signup input[type=radio]{-webkit-appearance:radio;}
#mc_embed_signup input:focus {border-color:#333;}
#mc_embed_signup .button {clear:both; background-color: #EA673C; border: 0 none; border-radius:2px; color: #FFFFFF; cursor: pointer; display: inline-block; font-size:12px; font-weight: bold; height: 32px; line-height: 32px; margin: 0 5px 10px 0; padding:0; text-align: center; text-decoration: none; vertical-align: top; white-space: nowrap; width: auto;}
#mc_embed_signup .button:hover {background-color:#006837;}
#mc_embed_signup .small-meta {font-size: 11px;}
#mc_embed_signup .nowrap {white-space:nowrap;}     
#mc_embed_signup .clear {clear:none; display:inline;}


#mc_embed_signup input.email {display:block; padding:8px 0; margin:0 4% 10px 0; text-indent:5px; width:58%; min-width:190px;}
#mc_embed_signup input.button {display:block; width:35%; margin:0 0 10px 0; min-width:90px;}


/*
|--------------------------------------------------------------------------
| UItoTop jQuery Plugin 1.1
| http://www.mattvarone.com/web-design/uitotop-jquery-plugin/
|--------------------------------------------------------------------------
*/

#toTop {
	display:none;
	text-decoration:none;
	position:fixed;
	top:250px;
	left:10px;
	overflow:hidden;
	width:80px;
	height:51px;
	border:none;
	text-indent:-999px;
	background:url(../images/top.png) no-repeat left top;
}

#toTopHover {
	background:url(../images/top.png) no-repeat left -51px;
	width:80px;
	height:51px;
	display:block;
	overflow:hidden;
	float:left;
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);
}

#toTop:active, #toTop:focus {
	outline:none;
}



/* End Of CSS*/