@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";



/* Allgemeine Klassen  */

body { background-image: url(images/bg.gif); 
	   font-family: "Lucida Grande",Verdana,Arial,Helvetica,Sans-Serif;
	   font-size:13px;
	   font-size-adjust:none;
	   font-style:normal;
	   font-variant:normal;
	   font-weight:normal;
	   line-height:1.6;}
p {font-size: 13px; color: #474747; line-height: 1.1;  }
a {color: #707070;}
a:hover {color: 000000; position: relative; top: 1px; text-decoration: underline;}
a:active {position: relative; top: -1px;}

#submit {background-image: url(images/buttonbg.png); background-repeat: repeat-x; border: 2px solid #7F7F7F; -moz-border-radius: 4px; -webkit-border-radius: 4px; height: 30px; padding-left: 10px; padding-right: 10px; font-family: Times, Verdana, Arial; font-variant: small-caps; font-size: 13px;}

#container {position: relative; width: 969px; margin: 20px auto; }




/* Header  */


#header { margin-left: 14px; width: 940px; height: 133px; background-color: #f3ae30;
		  background-image: url(images/header.png); background-repeat: no-repeat;
		  background-position: top; background-position: center;
		  -moz-border-radius-topleft: 20px; -moz-border-radius-topright: 20px;
		  -webkit-border-top-left-radius: 20px; -webkit-border-top-right-radius: 20px; }
		
	  #homelink {float: left; height: 100%; width: 600px;}	  
	  #header #topnav {text-align: right; padding-top: 8px; padding-right: 14px; font-size: 13px;}
	  #header #topnav ul {}
	  #header #topnav ul li {display: inline; }
	  #header #topnav ul li a {color: black;}
	  
	  #header #social {text-align: right; margin-right: 14px; margin-top: 68px;}
	  #header #social ul li {display: inline; padding-left: 4px; }	
	  
	  
	  
	  
/* Navigation  */
	  
#navigation {text-align: center; height: 74px; background-image: url(images/navbg.png); }
#nav {padding-top: 14px; position: relative; float: left; left: 70px;}
#nav li {margin-right: 25px; display: inline; float: left; list-style: none; padding-left: 10px; padding-right: 10px; height: 100%;}
#nav li a {z-index: 2; position: relative; cursor: pointer; float: left; width: 100%; height: 100%; padding: 0px;}
#nav li a:hover {position: relative; top: 0px;}

#blob {background-image: url(images/blobbg.png); background-repeat: repeat-x; border: 1px solid #616161;
    position: absolute; z-index: 1; top: 0; -moz-border-radius: 4px; -webkit-border-radius: 4px;
    -moz-box-shadow: 2px 3px 10px #333333; -webkit-box-shadow: 2px 3px 10px #333333; }
    
    
    

/* Kompletter unterer Teil der Seite  */

.toppic { margin-bottom: 15px; height: 123px; width: 649px; position: relative; left: -24px; top: -15px; display: none;}

#main { margin-left: 14px; background-image: url(images/mainbg.png); min-height: 940px; background-repeat: repeat-y; }





/* Sidebar  */

	#sidebar {width: 222px; float: left; margin-left: 33px; margin-top: 30px;}
	.navbar {margin-bottom: 32px; background-color: #dee1e2; min-height: 50px; width: 220px; float: left; border: 1px solid #b5b5b5;}
	.navbar:hover, .pic:hover, #map:hover, .faqcontainer:hover, .presentpic a img:hover  {-moz-box-shadow: #a2a2a2 0px 0px 6px;
		            -webkit-box-shadow: #a2a2a2 0px 0px 6px;}
	.navbarhead {position: relative; text-align: center; margin-top: 3px;}
	h3 {font-family:  Lucida, Georgia, Arial; font-size: 12px; letter-spacing: 0.2em;}
	.subnav {text-align: right; padding-top: 12px; padding-bottom: 12px; margin-right: 10px; overflow: visible;}
	.subnav2 {text-align: center; padding-top: 12px; padding-bottom: 12px; margin-right: 10px; overflow: visible;}
	.subnav p {font-size: 12px; color: #707070;}
	
	.subnav ul li {list-style-type: none; background-image: url(images/list.png); background-repeat: no-repeat; background-position: 198px 6px;}
	.subnav ul li a {margin-right: 17px; font-size: 12px; text-decoration: none; color: #707070;}
	.subnav ul li:hover {background-position: 200px 6px; }
	
	.pagenav {position: relative; background-image: none !important;}
	.pagenav h4 {position: relative; top: -10px; left: -62px; font-family: Times,Verdana,Arial; font-size: 14px; letter-spacing: 0.1em; font-variant: small-caps; color: #7F7F7F;}
	
	.current_page_item {list-style-type: none; background-image: url(images/list2.png)!important; background-repeat: no-repeat; background-position: 200px 6px !important;}
	.current_page_item a {font-weight: bold; color: #3E3E3E !important;}
	
	.sidebaricon {position: absolute; top: -13px; left: 187px;}
	.kompass {top: -16px;}
	.lupe {top: -9px;}
	
	
	#searchform {}
	
	#s {border: 2px solid #7F7F7F; -moz-border-radius: 4px; -webkit-border-radius: 4px; height: 16px; width: 150px;}	
	#searchsubmit {margin-top: 8px;}
	#s:focus { background-color: #FFF1AB; border: 2px solid #E0BA00;}
	
	.latesttweet {padding-left: 8px; margin-top: 4px;}
	
	.shoutcontainer {margin-left: 12px;}
	.littlebox {float: left; margin: 7px;  height: 23px; width: 23px; background-color: #BEBEBE; border: 1px solid #A6A8A9;}
	.boxanzeige {float: left; margin-left: 7px; margin-top: 6px; margin-bottom: 12px; text-align: center; height: 18px; width: 180px; background-color: #DEE1E2; border: 1px solid #B3B3B3;}
	.boxanzeige p {margin-top: 2px; font-size: 11px;}
	
	
	
	
/* Main Content Bereich  */
	
	#mainContent { float: right; width: 605px; min-height: 400px; display: inline; margin-right: 60px; overflow: visible; }
		
		#mainContent h1,h2 {font-variant: small-caps; margin-top: 15px; font-size: 20px; font-family: "Lucida Grande",Times,Arial;
					     font-weight: bold; font-size-adjust: none; font-style: normal;
					     letter-spacing: 0.1em; padding-bottom: 5px;}
		
			
			.archiv ul {margin-top: 2px;}
			.archiv ul li {display: inline; padding-right: 40px;}
		
					     
		#mainContent p {color: #6A6B6C; text-align: justify; font-family: Verdana,"Lucida Grande",Helvetiva; padding-bottom: 10px; line-height: 1.4; letter-spacing:  }	
		#mainContent p a {text-decoration: none; color: #2C90CE;}
		#mainContent p a:hover {text-decoration: underline;}
		#mainContent u {color: black;}
		#mainContent ul {margin-left: 25px;}
		#mainContent ul li {list-style-type: circle; color: #474747;}
		
		.trenner {background-color: #E7EAEB; height: 8px; margin-bottom: 20px;}
		.block {margin-bottom: 50px;}
		.down {margin-top: 35px;}
		.lastblock {margin-bottom: 5px;}
		.durchgs {text-decoration: line-through;}
		.kontakticons {padding-bottom: 10px; overflow: visible;}	
		.kontakticons p {position: relative; left: 30px;}
		.kontakticons p span {position: absolute; left: 85px;}
		.kontaktdaten {margin-top: 25px; position: relative; left: 5px;}
		.kontaktdaten  img {position: relative; left: -30px; top: 25px; }
		
		
		div.presenting {margin-top: 25px; margin-bottom: 50px !important;}
		.presentpic {float: left; width: 283px; position: relative; top: 22px; margin-bottom: 15px;}
		.presenttext {margin-left: 30px; float: left; width: 283px;}
		.presenttext p {text-align: left !important;}
		.presenttext p b {position: relative; top: 8px; text-decoration: none; color: black;}
		.liniemitabstand {margin-top: 30px; margin-bottom: 20px; position: relative; top: 5px;}
		
		
	
		#mainContent .archiv, .archiv2 {position: relative; right: 24px; height: 30px; width: 651px; background-image: url(images/archivbg.png); background-repeat: repeat-x;
						      border-top: 1px solid #7d7d7d; border-bottom: 1px solid #7d7d7d; margin-top: 16px; text-align: center;}
						    .archiv2 {margin-top: 50px;}
			
			.archiv a {color: #FAFAFA; margin-top: -5px;}
			.first {margin-top: 30px;}
			
			
			
			
			
			
/* Kontaktformular  */

		#info {padding-bottom: 20px !important;}
		
/* Google Maps  */
	
		#map {width: 598px; height: 380px; border: 4px solid #B8BABB; margin-bottom: 40px;}

		
/* FAQs & Snippets */

		.faqcontainer  { padding: 0px 6px 15px 6px; border: 1px solid #4E4E4E; margin-bottom: 40px; }
		
		.faqheader, .snippetheader {background-color: #C1C1C1; background-image: url(images/faqtopbg.png); background-repeat: repeat-x;}	
		.faqheader h2, .snippetheader h2 {text-align: center; padding-top: 5px; padding-bottom: 5px; border: 1px solid #939596;}	
		.faqquestion { background-color: #EEEDED; margin-top: 10px; border: 1px solid #D2D5D6; background-image: url(images/faqfragebg.png); background-repeat: repeat-x; text-align: center !important; }
		.faqquestion p  {padding-top: 7px; padding-left: 10px; font-weight: bold; text-align: center !important; font-size: 12px;}	
		.faqanswer  { background-color: #8C8D8E; display: none; border: 1px solid black; border-top: 2px solid black;}
		.faqanswer p, .snippet p {color: white !important; padding: 8px 20px;}	
		.faqquestion:hover, .snippettitle:hover, .snippetgrouptitle:hover {background-color: #D8D8D8; background-image: none; border: 1px solid black;}
		.faqquestion p:hover, .snippettitle p:hover, .snippetgrouptitle p:hover {color: black !important;}
		.faqanswer ul {padding-left: 15px !important; padding-bottom: 10px !important;}
		.faqanswer ul li { color: white !important;}
		
		.snippettitle {background-color: #C1C1C1; background-image: url(images/faqtopbg.png); background-repeat: repeat-x; margin-top: 10px;}
		.snippetcontainer {padding: 0px 6px 15px 6px; margin-bottom: 40px;}
		.snippet {background-color: #FBFBFB; display: none; border: 3px solid black; border-top: 2px solid black;}
		.snippetgroup {display: none;}
		.snippetgrouptitle { background-color: #EEEDED; margin-top: 10px; border: 1px solid #D2D5D6; background-image: url(images/faqfragebg.png); background-repeat: repeat-x; text-align: center !important;}
		.snippetgrouptitle p { padding-top: 7px; padding-left: 10px; font-weight: bold; text-align: center !important; font-size: 20px;}
		.snippettitle p {padding-top: 7px; padding-left: 10px;  text-align: center !important; font-size: 12px; color: black !important;}
		
		
		.syntaxhighlighter {padding: 5px 0px !important;}
		

/* Blog-Anzeigen-Teil Formatierungen  */

		.post {margin-bottom: 15px;} 
		.pic {float: left; position: relative; top: 6px; border: 4px solid #B8BABB;}
		.urlpic {border: 4px solid #B8BABB; margin-top: 10px;}
		
		.listcontent {width: 450px; float: right;}
		.post div {}
		.post h2>a, .post h2, .page h2 a, .listcontent h2 {text-align: left; font-variant: small-caps; font-size: 16px; font-family: Times, Verdana, Georgia, Arial; color: black; letter-spacing: 0.1em;}
		
		.datum {font-size: 11px; font-style: italic; font-family: "Lucida Grande", Verdana, Arial; padding-bottom: 8px;}
		.kommentar {margin-top: 3px; color: white;}
		.kommentar a {color: #9B9B9B;}
		
		.postscontainer {text-align: center;}
		.postnavigation a {text-align: center; font-size: 16px; font-family: Verdana, Arial,Trebuchet;}
		
		.page .pic, .post .pic {position: relative; top: 50px;}
		


/* Blog-Anzeigen-Teil Formatierungen  */

		.suchergebnis {margin-top: 40px; border: 1px solid #5E5E5E;}
		.suchergebnis p, .suchergebnis h3 {padding: 0px 12px;}
		.suchergebnis h3 {padding-top: 6px; padding-bottom: 6px; background-color: #E8E8E8; color: black !important; border-bottom: 1px solid #5E5E5E;}
		.suchergebnis p a {color: black !important; text-decoration: underline !important;}
		.blackfont {color: black !important;}


/* Tutorial & Code Example Styling  */

		.code {width: 600px; margin-top: 60px; text-align: center;}
		.tutbuttons {text-align: center;}
		.tutbuttons * {float: left; position: relative; left: 7px; margin-bottom: 25px;}
		.but1 {margin-right: 25px;}
		.code h2 {text-align: center !important;}


		
/* Kommentar-Funktion-Styling  */

		
		#comments {text-indent: -60px; font-family: Tahoma, Arial, Verdana; font-size: 11px !important; height: 40px; line-height: 3.3; background-image: url(images/commentbg.png); background-repeat: repeat-x;}
		.comment {margin-top: 25px; border: 2px solid #CFD2D3;}
		#comments, #respond {margin-top: 45px; font-size: 15px; background-color: #DEE1E2; text-align: center; border: 1px solid #7D7D7D;}
		
		
		#respond {border: 1px solid #7D7D7D;}
		#comment {width: 580px; margin-top: 15px;}
		cite.fn {height: 19px;}
		
		.comment-author, #respond h3 {position: relative; height: 25px; line-height: 1.9; border-bottom: 1px solid #B0B2B3; background-image: url(images/commentminibg.png);
									 background-repeat: repeat-x; font-family: Times,Verdana,Arial; font-size: 14px; font-variant: small-caps;}
		.comment-author cite a { margin-left: 8px; color: black;}
		
		.sagtdazu {margin-left: 4px; font-variant: normal; color: #707070;}
		
		.runter {padding-top: 20px;}
		
		.commentlist p {background-color: #F3F6F7; padding-left: 16px; padding-top: 15px; padding-right: 16px; padding-bottom: 8px; }
		
		#author, #email, #url {margin-left: 10px; margin-top: 10px;}
		
		form#commentform #submit {margin-top: 5px; margin-bottom: 5px;}
		
		p label small {margin-left: 10px; font-family: Times,Verdana,Arial; font-size: 14px; color: #707070;}
		
		.linebig {margin-top: 15px;}
		
		
		.relative {position: relative;}
		.commenticon {position: absolute; top: -57px; left: 535px; }
		
		
		
		
		
		
/* Footer  */

#footer {position: relative; top: 0px; height: 470px; background-image: url(images/footerbg.png); background-repeat: no-repeat; }

#footercontent {text-align: center; float: right; width: 605px; display: inline; margin-right: 60px; overflow: visible;}

#footercontent h3 {margin-top: 120px; font-variant: small-caps; padding-bottom: 8px;}

.otherproject {margin-top: 22px; position: relative; left: 12px; margin-right: 29px; text-align: justify; padding: 8px 10px 2px 10px; width: 150px; height: 80px; border: 1px solid #b2b2b2; float: left;}

.otherproject p {line-height: 1.3; font-size: 10px; width: 150px; padding-top: 4px;}

.footernav {margin-top: 30px; }

.footerinfo {position: relative; top: 40px;  margin-top: 10px; font-size: 10px; }