@charset "utf-8";

/* Basic style */
* 		{ margin: 0px; padding: 0px; }
html 	{ height: auto; width: 100%; }
body 	{ background: #f7f7f7; color: #393941; font: normal 0.6em "Verdana", sans-serif; line-height: 1.3em; width: 100%; }
a:link { text-decoration:underline; font:normal 1em "Verdana", sans-serif; color:#3a3a42; }
a:visited { text-decoration:underline; font:normal 1em "Verdana", sans-serif; color:#393941; }
a 		{ border: 0px; }
img 	{ border: 0px; }
hr 		{ display: none; }

/* Common classes */
.clearfix:after 	{ content: "."; display: block; height: 0; overflow:hidden; clear: both; visibility: hidden; }
.hidden 			{ display: none; }

/* Main content */
#main 		{ margin: 0px auto; min-height: 100%; position: relative; width: 1024px; }
#content 	{ background: #f7f7f7; min-height: 100%; }
#cv 		{ background: #f7f7f7; height: 680px; position:relative; }
#footer 	{ background: #f7f7f7; height: 435px; position:relative; }

/* Content */
#content 							{ padding: 20px 55px 10px 55px; }

#content #mainMenu 					{ height: 27px; margin: 0px 0px 0px 0px; width: auto; }
#content #mainMenu .wrapper 		{ height: 27px; width: auto; }
#content #mainMenu ul 				{ height: 27px; list-style: none; }
#content #mainMenu ul li 			{ float: left; }
#content #mainMenu ul li a			{ color: #393941; font-size: 1em; font-weight: bold; line-height: 26px; padding: 0px 11px; text-decoration: none; }
#content #mainMenu ul li a:hover	{ text-decoration: underline; }

#content #why 				{ margin: 0px 0px 0px 555px;}
#content #why h2 			{ height: 260px; overflow: hidden; margin: 0px 0px 10px 0px; position: relative; text-indent: -9999px;  width: 240px; }
#content #why h2 span		{ background: url('../graphics/content-who.png') top left no-repeat; display: block; height: 260px; position: absolute; left: 0; top: 0; width: 240px; }

#content #preface 		{ width: 460px; }
#content #preface h2	{ color: #393941; font-size: 18px; margin: 0px 0px 20px 0px; }
#content #preface p 	{ margin: 0px 0px 25px 0px; }

#content .panel 			{}
#content .panel h3 		{ height: 31px; font-size: 0px; margin: 0px 0px 0px 0px; position: relative; text-indent: -9999px; width: 910px; }
#content .panel h3 span	{ display: block; height: 31px; position: absolute; left: 0; top: 0; width: 910px; z-index: 1; }
#content .panel h3#firstsem span	{ background: url('../graphics/firstsemester.png') top left no-repeat; }
#content .panel h3#secsem span		{ background: url('../graphics/secondsemester.png') top left no-repeat;}
#content .panel h3#thirdsem span	{ background: url('../graphics/thirdsemester.png') top left no-repeat;}
#content .panel h3#fourthsem span	{ background: url('../graphics/fourthsemester.png') top left no-repeat;}
#content .panel h3#workhl span		{ background: url('../graphics/work-hl-ah.png') top left no-repeat;}


#content  h4 		{ color: #393941; font-size: 1.3em; font-weight: bold; margin: 0px 0px 0px 0px; }
#content  h5 		{ color: #393941; font-size: 1em; font-weight: normal; font-style:italic; margin: 0px 0px 0px 0px; }
#content .panel p 		{ font-size: 1em; margin: 0px 0px 10px 0px; }
#content .panel .item 	{ margin: 0px 0px 15px 0px; }
#content .panel .image 	{ background-color:#cecbcf; float: left; height: 180px ; padding: 5px 5px 5px 5px; width: 530px; }
#content .panel .imagecontent 	{ background-color:#cecbcf; height: 331px ; padding: 5px 5px 5px 5px; margin: 10px 0px 0px 0px; width: 530px; }
#content .panel .desc	{ float: right; width: 360px; margin: 10px 0px 0px 0px; }


#content .panel .buttonLarge 			{ background: #cecbcf url('../graphics/content-button-large-center.png') top left repeat-x; cursor: pointer; float: right; height: 28px; line-height: 28px; margin: 0px 0px 5px 0px; }
#content .panel .buttonLarge a 			{ background: url('../graphics/content-button-large-left.png') top left no-repeat; color: #2e4300; display: block; font-size: 1.2em; font-weight: bold; height: 28px; text-decoration: none; }
#content .panel .buttonLarge a:hover 	{ color: #cecbcf; display: block; font-weight: bold; text-decoration: underline; }
#content .panel .buttonLarge a strong	{ background: url('../graphics/content-button-large-right.png') top right no-repeat; display: block; height: 28px; padding: 0px 14px; }
#content .panel .buttonLarge a span 	{ background: url('../graphics/content-button-large-arrow.png') 0px 9px no-repeat; cursor: pointer; display: block; padding: 0px 0px 0px 15px; }

#content #backButton 					{ height: 27px; margin: 0px 0px 0px 0px; width: auto; }
#content #backButton .wrapper 			{height: 27px; width: auto; }
#content #backButton ul 				{height: 27px; list-style: none; }
#content #backButton ul li 				{ float: left; }


#content .top 			{ cursor: pointer; height: 21px; margin: 20px 0px 0px 0px; text-indent: -9999px; width: 44px; }
#content .top a			{ cursor: pointer; display: block; font-size: 0px; height: 21px; overflow: hidden; position: relative; width: 44px; }
#content .top a span	{ background: url('../graphics/content-top.png') top left no-repeat; display: block; height: 21px; position: absolute; left: 0; top: 0; width: 44px; z-index: 1; }

/* CV  */
#cv 						{ padding: 0px 55px 0px 55px; }
#cv .cv 					{}
#cv textarea				{ color: #393941; font: normal 100% "Arial", sans-serif; padding: 4px 6px 6px 6px; }
#cv h2 						{ overflow: hidden; font-size: 0px; margin: 10px 0px; position: relative; }
#cv h2 span					{ display: block; position: absolute; left: 0; top: 0; z-index: 1;}
#cv #cvform 				{ float: left; width: 910px; }
#cv #cvform	h2 				{ height: 31px; width: 910px; }
#cv #cvform h2 span 		{ background: url('../graphics/footer-cv.png') top left no-repeat; height: 31px; width: 910px; }                         


#cv .top 			{ bottom: 10px; cursor: pointer; height: 21px; position: absolute; text-indent: -9999px; width: 44px; }
#cv .top a			{ cursor: pointer; display: block; font-size: 0px; height: 21px; overflow: hidden; position: relative; width: 44px; }
#cv .top a span		{ cursor: pointer; background: url('../graphics/content-top.png') top left no-repeat; display: block; height: 21px; position: absolute; left: 0; top: 0; width: 44px; z-index: 1; }


/* Footer  */
#footer 							{ padding: 0px 55px 0px 55px; }
#footer input,
#footer textarea					{ color: #393941; font: normal 100% "Arial", sans-serif; padding: 4px 6px 6px 6px; }
#footer h2 							{ overflow: hidden; font-size: 0px; margin: 10px 0px; position: relative; }
#footer h2 span						{ display: block; position: absolute; left: 0; top: 0; z-index: 1;}
#footer #contactForm 				{ float: left; width: 541px; }
#footer #contactForm h2 			{ height: 31px; width: 541px; }
#footer #contactForm h2 span 		{ background: url('../graphics/footer-kontakt.png') top left no-repeat; height: 31px; width: 541px; }
#footer #contactForm .image			{ background-color:#cecbcf; float: left; height: 245px ; padding: 5px 5px 5px 5px; margin: 0px 0px 10px 0px; width: 531px; }
                        

#footer #links 						{ float: right; width: 365px; }
#footer #links h2 					{ height: 31px; margin-left: 6px; width: 360px; }
#footer #links h2#friends span 		{ background: url('../graphics/footer-friends.png') top left no-repeat; height: 31px; width: 360px; }                         
#footer #links h2#links span 		{ background: url('../graphics/footer-links.png') top left no-repeat; height: 31px; width: 360px; }                         
#footer #links h2#links span
#footer #links p 					{ margin:0px 0px 0px 6px; }

#footer #links ul						{ list-style: none; height: 130px; }         
#footer #links ul li					{ position: relative; float: left; }
#footer #links ul li a.main				{ color: #ffffff; font-size: 1.1em; font-weight: bold; display: block; height: 25px; line-height: 23px; padding: 0px 8px 0px 6px; text-align: center; text-decoration: none; }

#footer #links ul li a.main:hover				{ background: #ffffff url('../graphics/footer-nav-center.gif') repeat-x; display: block; padding: 0px; }
#footer #links ul li a.main:hover strong 		{ background: url('../graphics/footer-nav-right.gif') top right no-repeat; display: block; }
#footer #links ul li a.main:hover strong span 	{ background: url('../graphics/footer-nav-left.gif') top left no-repeat; display: block; padding: 0px 8px 0px 6px; }

#footer #links ul li ul					{ position: absolute; margin: 10px 0px 0px 6px; }
#footer #links ul li ul li				{ float: none; }
#footer #links ul li ul li a			{ color: #ffffff; font-size: 1em; font-weight: normal; text-decoration: none; }
#footer #links ul li ul li a:hover		{ text-decoration: underline; }


#footer .top 		{ bottom: 10px; cursor: pointer; height: 21px; position: absolute; text-indent: -9999px; width: 44px; }
#footer .top a		{ cursor: pointer; display: block; font-size: 0px; height: 21px; overflow: hidden; position: relative; width: 44px; }
#footer .top a span	{ cursor: pointer; background: url('../graphics/content-top.png') top left no-repeat; display: block; height: 21px; position: absolute; left: 0; top: 0; width: 44px; z-index: 1; }